<template>
  <div class="el-row" style="padding: 5px 0">
    <div class="el-col el-col-22" style="text-align: right; padding-right: 10px">
      <div class="tip left">{{ text }}</div>
    </div>
    <div class="el-col el-col-2">
      <span class="el-avatar el-avatar--circle" style="height: 40px; width: 40px; line-height: 40px;">
        <img src="https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png" style="object-fit: cover;">
      </span>
    </div>
  </div>"
</template>

<script>
export default {
  name: "NowUser",
  props: {
    text: {
      type: String,
      require: true
    }
  }
}
</script>

<style scoped lang="scss">
.right {
  background-color: deepskyblue;
}
</style>
